<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>css引入方式</title>
		<style>
			h3{
				color:green;  /* 字体颜色 */
				font-size:36px;    /* 字体大小 */
				text-align:center     /* 文本居中显示 */
			}
			h1{
				color:green;
			}
			.bigFont{	/* 类名 */
				font-size:88px
			}
			#col{	#/* id名字 */
				color:hotpink;
			}
		</style>
		<link href="css/font-style.css"rel="stylesheet"/>
	</head>
	<body>
		<!--
		 css：层叠样式表
		三种引入方式
		1.内联样式:在开始标签中加入style属性，在属性中书写样式
		2.内部样式:在html文件的head标签中加入style标签，在style标签中书写样式。
		3.外部样式:
		    step1:创建css文件,书写样式
			step2:在html文件的head标签中用link标签关联样式文件
		思考：
			对同一个标签用三种引入方式作用同一个样式，这个标签最终显示效果听谁的？
			内联优先级最高，谁离标签最近谁的优先级最高。
		 -->
		 <!--
		  选择器：
		 1.标签选择器
		 2.类选择器
		 3.id选择器
		  -->
		<h1 style="color:blue;font-size:38px">古诗中文网</h1>
		<h3 class="bigFont">首页</h3>	<!-- class属性="类名" -->
		<h3>蒹葭</h3>					<!-- id="名字具有唯一性" -->
		<p class="bigFont">蒹葭苍苍，白露为霜</p >
		<p>所谓伊人，在水一方</p >
	</body>
</html>